@import (reference) "../../normal.less";

page {
  width: 100vw;
  height: 100vh;
  background-color: lightblue;
}

.contain {
  width: 100vw;
  height: 100vh;
}

.detail {
  box-sizing: border-box;
  padding: 45rpx 50rpx;
  position: fixed;
  height: 75vh;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 30rpx 30rpx 0 0;
}


.section.one {
  font-family: DIN;
  box-sizing: border-box;
  padding: 0 50rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 58rpx;

  .item {
    display: flex;
    align-items: center;
  }

  image {
    margin-right: 20rpx;
    width: 91rpx;
    height: 105rpx;
  }
}

.section.two {
  box-sizing: border-box;
  padding-left: 50rpx;
  margin-top: 47rpx;
  display: flex;
  justify-content: space-between;

  .user-info {
    .info-head {
      width: 155rpx;
      height: 61rpx;
    }
  }

  .item {
    margin: 6rpx 0;
    font-size: 20rpx;
    color: #333;

    .lable {
      color: #666;
    }
  }

  .user-image {
    margin: 40rpx 0 0 20rpx;
    background-color: lightblue;
    width: 395rpx;
    height: 265rpx;
    border-radius: 30rpx;
    overflow: hidden;

    image {
      width: 100%;
      height: 100%;
    }
  }
}

.section.three {
  margin-top: 25rpx;

  .image-head {
    box-sizing: border-box;
    padding-left: 50rpx;
    font-size: 26rpx;
    font-weight: 500;
  }

  .image-contain {
    position: relative;
    left: -25rpx;
    width: 700rpx;
    display: flex;
    justify-content: space-between;
  }

  image {
    margin-top: 12rpx;
    width: 215rpx;
    height: 277rpx;
    background-color: lightblue;
    border-radius: 25rpx;
  }
}

.submit {
  position: fixed;
  left: 244rpx;
  bottom: 25rpx;
  width: 262rpx;
  height: 94rpx;

  image {
    width: 100%;
    height: 100%;
  }
}